<%--
  Created by IntelliJ IDEA.
  User: 马可
  Date: 2022/10/24
  Time: 11:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <link rel="stylesheet" href="css/index.css" type="text/css">
    <title>首页</title>
    <%--将内联窗口与侧边栏各选项进行管关联--%>
    <script>
        $(function () {
            $(".navto-nav li").on("click", function () {
                const address = $(this).attr("action");
                $("iframe").attr("src", address);
            });
        });
    </script>
</head>
<body>
<%--侧边栏及各个选项--%>
<div class="index">
    <h3 class="title">信息管理系统</h3>
    <div class="sidebar">
        <div class="tab" id="cate0"><i class="reorder"></i>全部功能</div>
        <div class="design" id="cate1">
            <div class="navto-nav">
                <i class="imooc-icon"></i>
                <a href="grade.jsp" target="main" class="link">年级信息管理</a>
            </div>
        </div>
        <div class="design" id="cate2">
            <div class="navto-nav">
                <i class="imooc-icon"></i>
                <a href="department.jsp" target="main" class="link">系别信息管理</a>
            </div>
        </div>
        <div class="design" id="cate3">
            <div class="navto-nav">
                <i class="imooc-icon"></i>
                <a href="class.jsp" target="main" class="link">班级信息管理</a>
            </div>
        </div>
        <div class="design" id="cate4">
            <div class="navto-nav">
                <i class="imooc-icon"></i>
                <a href="major.jsp" target="main" class="link">专业信息管理</a>
            </div>
        </div>
        <div class="design" id="cate5">
            <div class="navto-nav">
                <i class="imooc-icon"></i>
                <a href="stu.jsp" target="main" class="link">学生信息管理</a>
            </div>
        </div>
        <div class="design" id="cate6">
            <div class="navto-nav">
                <i class="imooc-icon"></i>
                <a href="teacher.jsp" target="main" class="link">教师信息管理</a>
            </div>
        </div>
        <div class="design" id="cate7">
            <div class="navto-nav">
                <i class="imooc-icon"></i>
                <a href="score.jsp" target="main" class="link">成绩信息管理</a>
            </div>
        </div>
        <div class="design" id="cate8">
            <div class="navto-nav">
                <i class="imooc-icon"></i>
                <a href="IntegratedQuery.jsp" target="main" class="link">学生信息综合查询</a>
            </div>
        </div>
        <div class="design" id="cate9">
            <div class="navto-nav">
                <i class="imooc-icon"></i>
                <a href="IntegratedQueryScore.jsp" target="main" class="link">成绩信息综合查询</a>
            </div>
        </div>
        <div class="design" id="cate10">
            <div class="navto-nav"><i class="imooc-icon"></i> 网站建设</div>
        </div>
        <%--内联窗口--%>
        <iframe name="main" class="action"></iframe>
    </div>
</div>
<div class="footer">
    <p>Copyright &copy;2022 DemoStudentWeb All rights reserved.</p>
</div>
</body>
</html>
